<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>job</title>
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body style="display: block;">
    <div class="container-fluid">
        <div class="row">
            <div class="top-area-backgoud">
                <div class="col-md-12 top_area">
                    <div class="col-md-12 header">
                        <div class="container">
                            <div class="logo">
                                <img src="img/logo2.png">
                            </div>
                            <nav class="menu-nav">
                                <ul class="nav-items">
                                    <li>
                                        <a class="ticker-btn" href="#">Sign up</a>
                                    </li>
                                    <li>
                                        <a class="ticker-btn" href="#">Login</a>
                                    </li>
                                    <li>
                                        <a href="#">pages</a>
                                    </li>
                                    <li>
                                        <a href="#">Faq</a>
                                    </li>
                                    <li>
                                        <a href="#">Review</a>
                                    </li>
                                    <li class="UF">
                                        <a href="#">Unique Feature</a>
                                    </li>
                                    <li>
                                        <a href="#">Review</a>
                                    </li>
                                    <li>
                                        <a href="#">about</a>
                                    </li>
                                    <li>
                                        <a href="#">Home</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="banner-content align-items-center">
                        <div class="text-lay">
                            <h5><span>1500+</span> Jobs posted last week</h5>
                        </div>
                        <form action="">
                            <div class="row justify-content-center form-wrap">
                                <div class="col-md-4">
                                    <input type="text" name="search" id="" class="form-control" placeholder="what are your looging for ?">
                                </div>
                                <div class="col-md-3">
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width: 100%;justify-content: space-between;display: flex;align-items: center;">
                                          select area
                                          <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                          <li><a href="#">Action</a></li>
                                          <li><a href="#">Another action</a></li>
                                          <li><a href="#">Something else here</a></li>
                                          <li role="separator" class="divider"></li>
                                          <li><a href="#">Separated link</a></li>
                                        </ul>
                                      </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width: 100%;justify-content: space-between;display: flex;align-items: center;">
                                          select area
                                          <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                          <li><a href="#">Action</a></li>
                                          <li><a href="#">Another action</a></li>
                                          <li><a href="#">Something else here</a></li>
                                          <li role="separator" class="divider"></li>
                                          <li><a href="#">Separated link</a></li>
                                        </ul>
                                      </div>
                                </div>
                                <div class="col-md-2">
                                    <button type="button" class="btn btn-info">
                                        <span class="lnr lnr-magnifier"></span> Search
                                      </button>
                                </div>
                            </div>
                        </form>
                        <p class="text-white">
                            <span> Search by tags:</span> 
                            Tecnology, Business, Consulting, IT Company, Design, Development
                        </p>
                   </div>
                </div>
            </div>
            <div class="features-area">
                <div class="container">
                    <div class="row col-md-12">
                        <div class="col-lg-3">
                            <div class="features-text">
                                <h4>Searching</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="features-text">
                                <h4>Applying</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="features-text">
                                <h4>Security</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="features-text">
                                <h4>Notifications</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="popular-post-area">
                <div class="container">
                    <div class="row col-md-12">
                        <div class="col-md-6">
                            <div class="black_card">
                                <div class="col-md-3" style="height: 100%;">
                                    <img src="img/p2.png" style="margin-top: 15px;margin-left: 15px;">
                                    <a href="#" class="btns text-uppercase">view job post</a>
                                </div>
                                <div class="col-md-9 black_card_buttom">
                                    <h4>Creative Designer</h4>
                                    <h6>Los Angeles</h6>
                                    <p>
										Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis.
									</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="black_card">
                                <div class="col-md-3" style="height: 100%;">
                                    <img src="img/p1.png" style="margin-top: 15px;margin-left: 15px;">
                                    <a href="#" class="btns text-uppercase">view job post</a>
                                </div>
                                <div class="col-md-9 black_card_buttom">
                                    <h4>Creative Designer</h4>
                                    <h6>Los Angeles</h6>
                                    <p>
										Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis.
									</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="feature-cat-area">
                <div class="container">
                    <div class="col-md-12">
                        <div class="row text_center">
                            <div class="text_Courses">
                                <h1>Featured Job Categories</h1>
                                <p>Who are in extremely love with eco friendly system.</p>
                            </div>
                            <div class="text_Courses_bottom">
                                <div class="col-lg-2">
                                    <div class="single-fcat">
                                        <a href="#">
                                            <img src="img/o1.png">
                                        </a>
                                        <p>Accounting</p>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="single-fcat">
                                        <a href="#">
                                            <img src="img/o2.png">
                                        </a>
                                        <p>Development</p>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="single-fcat">
                                        <a href="#">
                                            <img src="img/o3.png">
                                        </a>
                                        <p>Technology</p>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="single-fcat">
                                        <a href="#">
                                            <img src="img/o4.png">
                                        </a>
                                        <p>Media & News</p>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="single-fcat">
                                        <a href="#">
                                            <img src="img/o5.png">
                                        </a>
                                        <p>Medical</p>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="single-fcat">
                                        <a href="#">
                                            <img src="img/o6.png">
                                        </a>
                                        <p>Goverment</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="recruitment-area">
                <div class="container">
                    <div class="row justify-content-center d-flex col-md-12">
                        <div class="col-md-8 post-list">
                            <ul class="cat-list">
								<li><a href="#">Recent</a></li>
								<li><a href="#">Full Time</a></li>
								<li><a href="#">Intern</a></li>
								<li><a href="#">part Time</a></li>
							</ul>
                            <div class="art d-flex">
                                <div class="thebm">
                                    <img src="img/post.png">
                                    <ul class="tags">
										<li>
											<a href="#">Art</a>
										</li>
										<li>
											<a href="#">Media</a>
										</li>
										<li>
											<a href="#">Design</a>					
										</li>
									</ul>
                                </div>
                                <div class="media">
                                    <div class="text_card_top justify-content-between d-flex">
                                        <div class="text_left">
                                            <a href="#">
                                                <h4>Creative Art Designer</h4>
                                            </a>
                                            <h6>Premium Labels Limited</h6>
                                        </div>
                                        <ul class="btns-2">
											<li>
                                                <img src="img/hear.png">
                                            </li>
											<li><a href="#">Apply</a></li>
										</ul>
                                    </div>
                                    <div class="text_middle">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.</p>
                                        <h5>Job Nature: Full time</h5>
                                        <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                        <p>15k - 25k</p>
                                    </div>
                                </div>
                            </div>
                            <div class="art d-flex">
                                <div class="thebm">
                                    <img src="img/post.png">
                                    <ul class="tags">
										<li>
											<a href="#">Art</a>
										</li>
										<li>
											<a href="#">Media</a>
										</li>
										<li>
											<a href="#">Design</a>					
										</li>
									</ul>
                                </div>
                                <div class="media">
                                    <div class="text_card_top justify-content-between d-flex">
                                        <div class="text_left">
                                            <a href="#">
                                                <h4>Creative Art Designer</h4>
                                            </a>
                                            <h6>Premium Labels Limited</h6>
                                        </div>
                                        <ul class="btns-2">
											<li>
                                                <img src="img/hear.png">
                                            </li>
											<li><a href="#">Apply</a></li>
										</ul>
                                    </div>
                                    <div class="text_middle">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.</p>
                                        <h5>Job Nature: Full time</h5>
                                        <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                        <p>15k - 25k</p>
                                    </div>
                                </div>
                            </div>
                            <div class="art d-flex">
                                <div class="thebm">
                                    <img src="img/post.png">
                                    <ul class="tags">
										<li>
											<a href="#">Art</a>
										</li>
										<li>
											<a href="#">Media</a>
										</li>
										<li>
											<a href="#">Design</a>					
										</li>
									</ul>
                                </div>
                                <div class="media">
                                    <div class="text_card_top justify-content-between d-flex">
                                        <div class="text_left">
                                            <a href="#">
                                                <h4>Creative Art Designer</h4>
                                            </a>
                                            <h6>Premium Labels Limited</h6>
                                        </div>
                                        <ul class="btns-2">
											<li>
                                                <img src="img/hear.png">
                                            </li>
											<li><a href="#">Apply</a></li>
										</ul>
                                    </div>
                                    <div class="text_middle">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.</p>
                                        <h5>Job Nature: Full time</h5>
                                        <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                        <p>15k - 25k</p>
                                    </div>
                                </div>
                            </div>
                            <div class="art d-flex">
                                <div class="thebm">
                                    <img src="img/post.png">
                                    <ul class="tags">
										<li>
											<a href="#">Art</a>
										</li>
										<li>
											<a href="#">Media</a>
										</li>
										<li>
											<a href="#">Design</a>					
										</li>
									</ul>
                                </div>
                                <div class="media">
                                    <div class="text_card_top justify-content-between d-flex">
                                        <div class="text_left">
                                            <a href="#">
                                                <h4>Creative Art Designer</h4>
                                            </a>
                                            <h6>Premium Labels Limited</h6>
                                        </div>
                                        <ul class="btns-2">
											<li>
                                                <img src="img/hear.png">
                                            </li>
											<li><a href="#">Apply</a></li>
										</ul>
                                    </div>
                                    <div class="text_middle">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.</p>
                                        <h5>Job Nature: Full time</h5>
                                        <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                        <p>15k - 25k</p>
                                    </div>
                                </div>
                            </div>
                            <div class="art d-flex">
                                <div class="thebm">
                                    <img src="img/post.png">
                                    <ul class="tags">
										<li>
											<a href="#">Art</a>
										</li>
										<li>
											<a href="#">Media</a>
										</li>
										<li>
											<a href="#">Design</a>					
										</li>
									</ul>
                                </div>
                                <div class="media">
                                    <div class="text_card_top justify-content-between d-flex">
                                        <div class="text_left">
                                            <a href="#">
                                                <h4>Creative Art Designer</h4>
                                            </a>
                                            <h6>Premium Labels Limited</h6>
                                        </div>
                                        <ul class="btns-2">
											<li>
                                                <img src="img/hear.png">
                                            </li>
											<li><a href="#">Apply</a></li>
										</ul>
                                    </div>
                                    <div class="text_middle">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.</p>
                                        <h5>Job Nature: Full time</h5>
                                        <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                        <p>15k - 25k</p>
                                    </div>
                                </div>
                            </div>
                            <div class="art d-flex">
                                <div class="thebm">
                                    <img src="img/post.png">
                                    <ul class="tags">
										<li>
											<a href="#">Art</a>
										</li>
										<li>
											<a href="#">Media</a>
										</li>
										<li>
											<a href="#">Design</a>					
										</li>
									</ul>
                                </div>
                                <div class="media">
                                    <div class="text_card_top justify-content-between d-flex">
                                        <div class="text_left">
                                            <a href="#">
                                                <h4>Creative Art Designer</h4>
                                            </a>
                                            <h6>Premium Labels Limited</h6>
                                        </div>
                                        <ul class="btns-2">
											<li>
                                                <img src="img/hear.png">
                                            </li>
											<li><a href="#">Apply</a></li>
										</ul>
                                    </div>
                                    <div class="text_middle">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.</p>
                                        <h5>Job Nature: Full time</h5>
                                        <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                        <p>15k - 25k</p>
                                    </div>
                                </div>
                            </div>
                            <div class="art d-flex">
                                <div class="thebm">
                                    <img src="img/post.png">
                                    <ul class="tags">
										<li>
											<a href="#">Art</a>
										</li>
										<li>
											<a href="#">Media</a>
										</li>
										<li>
											<a href="#">Design</a>					
										</li>
									</ul>
                                </div>
                                <div class="media">
                                    <div class="text_card_top justify-content-between d-flex">
                                        <div class="text_left">
                                            <a href="#">
                                                <h4>Creative Art Designer</h4>
                                            </a>
                                            <h6>Premium Labels Limited</h6>
                                        </div>
                                        <ul class="btns-2">
											<li>
                                                <img src="img/hear.png">
                                            </li>
											<li><a href="#">Apply</a></li>
										</ul>
                                    </div>
                                    <div class="text_middle">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.</p>
                                        <h5>Job Nature: Full time</h5>
                                        <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                        <p>15k - 25k</p>
                                    </div>
                                </div>
                            </div>
                            <button class="LM">Load More job Posts</button>
                        </div>
                        <div class="col-md-4 addr">
                            <div class="addr-card">
                                <h4>Jobs by Location</h4>
                                <ul class="cat-list">
									<li><a class="justify-content-between d-flex"><p>New York</p><span>37</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Park Montana</p><span>57</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Atlanta</p><span>33</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Arizona</p><span>36</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Florida</p><span>47</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Rocky Beach</p><span>27</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Chicago</p><span>17</span></a></li>
								</ul>
                            </div>
                            <div class="addr-card">
                                <h4>Top rated job posts</h4>
                                <div class="addr-card-buttom">
                                    <img src="img/r1.jpg" alt="">
                                    <h4>Creative Art Designer</h4>
                                    <h6>Premium Labels Limited</h6>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporinc ididunt ut dolore magna aliqua.
                                    </p>
                                    <h5>Job Nature: Full time</h5>
                                    <p>56/8, Panthapath Dhanmondi Dhaka</p>
                                    <p>15k - 25k</p>
                                    <a href="#" class="btns-3 text-uppercase">Apply job</a>
                                </div>
                            </div>
                            <div class="addr-card">
                                <h4>Jobs by Category</h4>
                                <ul class="cat-list">
									<li><a class="justify-content-between d-flex"><p>Technology</p><span>37</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Media & News</p><span>57</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Goverment</p><span>33</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Medical</p><span>36</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Restaurants</p><span>47</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Developer</p><span>27</span></a></li>
									<li><a class="justify-content-between d-flex"><p>Accounting</p><span>17</span></a></li>
								</ul>
                            </div>
                            <div class="addr-card">
                                <h4>Carrer Advice Blog</h4>
                                <div class="home-vudio">
                                    <h4>Carrer Advice Blog
                                        <br>
										For Everyone
                                    </h4>
                                    <div class="time justify-content-between d-flex">
                                        <p>2 hours agos</p>
                                        <p>06  02</p>
                                    </div>
                                </div>
                                <div class="home-vudio">
                                    <h4>Carrer Advice Blog
                                        <br>
										For Everyone
                                    </h4>
                                    <div class="time justify-content-between d-flex">
                                        <p>2 hours agos</p>
                                        <p>06  02</p>
                                    </div>
                                </div>
                                <div class="home-vudio">
                                    <h4>Carrer Advice Blog
                                        <br>
										For Everyone
                                    </h4>
                                    <div class="time justify-content-between d-flex">
                                        <p>2 hours agos</p>
                                        <p>06  02</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="invitation-area">
                <div class="row">
                    <div class="container">
                        <div class="row d-flex justify-content-center">
                            <div class="menu-content col-lg-9">
                                <div class="title">
                                    <h1>Join us today without any hesitation</h1>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
                                    <a class="primary-btn" href="#" style="margin-left: 210px;">I am a Candidate</a>
                                    <a class="primary-btn" href="#">Request Free Demo</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="download-area">
                <div class="row">
                    <div class="container">
                        <div class="row col-md-12">
                            <div class="col-md-6 download-left">
                                <img src="img/d1.png">
                            </div>
                            <div class="col-md-6 download-right">
                                <div class="download-right-text">
                                    <h1>Download the<br>
                                        Job Listing App Today!
                                    </h1>
                                    <p>It won’t be a bigger problem to find one video game lover in your neighbor. Since the introduction of Virtual Game, it has been achieving great heights so far as its popularity and technological advancement are concerned.</p>
                                    <div class="d-flex flex-row">
                                        <div class="buttons">
                                            <img src="img/Apple, logo.png">
                                            <div class="desc">
                                                <a href="#">
                                                    <p>
                                                        <span>Available</span> <br>
                                                        on App Store
                                                    </p>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="buttons-2">
                                            <img src="img/android.png">
                                            <div class="desc">
                                                <a href="#">
                                                    <p>
                                                        <span>Available</span> <br>
                                                        on play Store
                                                    </p>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="foot-black-area">
                <div class="row">
                    <div class="container">
                        <div class="row col-md-12">
                            <div class="col-md-3">
                                <div class="foot-area-left">
                                    <h6>Top Products</h6>
                                    <ul class="foot-list">
                                        <li>
                                            <a href="#">Managed Website</a>
                                        </li>
                                        <li>
                                            <a href="#">Manage Reputation</a>
                                        </li>
                                        <li>
                                            <a href="#">Power Tools</a>
                                        </li>
                                        <li>
                                            <a href="#">Marketing Service</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="foot-area-center">
                                    <h6>Newsletter</h6>
                                    <p>You can trust us. we only send promo offers, not a single spam.</p>
                                    <div class="black_input">
                                        <div class="col-md-8" style="padding-left: 0px;">
                                            <input type="email" name="EMALI" placeholder="Enter Email">
                                        </div>
                                        <div class="col-md-4" style="padding-left: 0px;">
                                            <button class="primary-btn-4" style="display: flex;">
                                                Subscribe
                                                <img src="img/arrow.png">
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="foot-area-right">
                                    <h6>Instragram Feed</h6>
                                    <ul class="d-flex instafeed">
                                        <li>
                                            <img src="img/i1.jpg">
                                        </li>
                                        <li>
                                            <img src="img/i2.jpg">
                                        </li>
                                        <li>
                                            <img src="img/i3.jpg">
                                        </li>
                                        <li>
                                            <img src="img/i4.jpg">
                                        </li>
                                    </ul>
                                    <ul class="d-flex instafeed">
                                        <li>
                                            <img src="img/i5.jpg">
                                        </li>
                                        <li>
                                            <img src="img/i6.jpg">
                                        </li>
                                        <li>
                                            <img src="img/i7.jpg">
                                        </li>
                                        <li>
                                            <img src="img/i8.jpg">
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="black-area-buttom">
                        <p>Copyright ©2021 All rights reserved | This template is made with  by Colorlib</p>
                    </div>
                </div>
            </div>  
        </div>
    </div>
</body>
</html>